<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>侧边栏</title>
	</head>
	<style>
		a {
			display: block;
			width: 230px;
			height: 40px;
			background-color: #55585a;
			color: #fff;
			text-indent: 2em;
			text-decoration: none;
			font-size: 14px;
			line-height: 40px;
		}
		/* 2 鼠标经过链接变换背景颜色 */
		a:hover {
			background-color: #ff6700;
		}
	</style>
	<body>
		<a href="">手机 电话卡</a>
		<a href="">电视 盒子</a>
		<a href="">笔记本 平板</a>
		<a href="">出行 穿戴</a>
		<a href="">智能 路由器</a>
		<a href="">健康 儿童</a>
		<a href="">耳机 音响</a>
	</body>
</html>
